草庐IT

HTML 5 元素,非 JS 后备

全部标签

javascript - 隐藏元素时是否禁用 CSS3 转换?

我注意到(在Chrome43中使用jQuery)当元素有display:none时,转换被禁用。这种在所有浏览器上的标准化行为是jQuery的一个特性,还是生产中不能依赖的东西?当要在延迟函数中更改动画的CSS语句时,将启用转换。TakealookatthisJSFiddle.取消注释第3行或6以自行查看。解决方案:在生产中不能依赖此行为,因为它似乎是优化/设计选择而非规范的产物(根据@AndriyHorens的回答)。相反,您应该使用类打开和关闭动画(transition-property:none)。在Chrome43中,未能使用某个类使它对我来说不可靠。Chrome确实还需要单独

javascript - 同构 JS - 仅限 httpRequest 客户端

关于同构通量应用程序中存储数据填充的问题。(我使用的是react、alt、iso和node,但理论适用于其他示例)我有一个flux'store'(http://alt.js.org/docs/stores/)需要从api获取数据:getState(){return{data:makeHttpRequest(url)}}当用户在SPA中导航时,更多数据将通过http请求加载。我希望这个应用是同构的,这样我就可以呈现应用的完整html,包括最新的服务器端数据,并将其返回给用户以快速加载初始页面。react.renderToString()让我将应用程序渲染为html,并且我可以使用alt&

javascript - angularjs 创建/导出 html View 为 pdf

我正在使用bootstrap创建模态窗口,在这个窗口中我有一些信息、一些表格和文本区域,是否可以从这个.html模态视图创建一个.pdf文件?我查看了FileSaver,但这只适用于下载表格,我想要的几乎就像模态窗口的打印屏幕。 最佳答案 使用html2canvas将html隐藏到Canvas中然后使用jsPdf转换为pdf。这是例子fiddle像这样DownloadPdfhtml2canvas($("#canvas"),{onrendered:function(canvas){varimgData=canvas.toDataURL

javascript - npm scripts nodemon - 观察 js 和 scss 文件的变化

我正在尝试设置一个开发环境以仅使用NPM,而不使用grunt.js或bower.js。我遵循了本教程:http://beletsky.net/2015/04/npm-for-everything.html我正在使用nodemon来监视我的.js和.scss文件以查找重新启动Node服务器的更改。所以在我的package.json文件中,在我的脚本下脚本:"watch-js":"nodemon-ejs--watchpublic/js-x\"npmrunbuild-js\"","watch-sass":"nodemon-escss--watchpublic/sass-x\"npmrunbu

javascript - 我可以在 fabric js 中设置内部笔画吗

我正在开发一个fabricjs应用程序,我需要为对象设置一个内部笔划,这意味着将笔划应用于一个对象而不增加它的大小。例如,如果我将strokeWidth20应用到100*100矩形,那么它的大小也会增加,但我希望如果将stroke应用于对象,那么大小也将保持不变varrecta=newfabric.Rect({left:10,top:10,fill:'#000',width:100,height:100,});varrectb=newfabric.Rect({left:150,top:10,fill:'#000',width:100,height:100,});canvas.add(r

javascript - 如何定义 Node.js 应用上下文路径?

来自Java世界,其中基于Servlet的应用程序上下文路径是根据WAR文件名设置的,我试图了解在Node.js中定义上下文路径的最佳实践。有问题的Node应用程序没有在代码中定义上下文路径。例如,Express代码假定获取故事的请求具有路径为/story/1的URL。因此,JavaScriptUI代码会向http://host:port/story/1发出请求。.同样,对于连接到应用程序主页面的用户,他们会转到http://host:port/。.我想将用户看到的URL更改为http://host:port/myapp.问题是如何一致地将“myapp”定义为应用程序上下文。我正在考虑

javascript - PIXI.js 的 Closure Compiler EXTERNS - 自定义对象参数注释

我正在为pixijs库准备externs文件以与闭包编译器一起使用。到目前为止,我遇到的唯一问题是自定义对象参数。这是一个简短的例子:pixi.js来源:/***Setthestyleofthetext**@param[style]{object}Thestyleparameters*@param[style.font='bold20ptArial']{string}Thestyleandsizeofthefont*@param[style.fill='black']{string|number}Acanvasfillstylethatwillbeusedonthetexteg'red

javascript - Nodejs : wget, 解压转js不写文件

好吧,标题说明了一切,我正在尝试编写一个利用库request、unzip的脚本(在nodejs/express服务器端应用程序中运行)>和xml2js来执行一个任务,包括从给定的url中获取一个zip文件,其内容是一个xml文件,我需要将其解析为javascript对象以进行进一步处理。到目前为止,我已经想出了:varexpress=require("express");varapp=express();/*someinitcodeomitted*/varrequest=require("request");varunzip=require("unzip");varxml2js=req

javascript - 在光标位置的可编辑 div 中插入几个元素

我有一个带有contenteditable属性的div。用户需要能够在光标所在的位置键入和插入多个选择菜单。我已经设法获取光标位置并插入第一个选择菜单,但它只适用于第一个文本节点。这就是我获取光标位置的方式:functiongetCaretCharacterOffsetWithin(element){varcaretOffset=0;vardoc=element.ownerDocument||element.document;varwin=doc.defaultView||doc.parentWindow;varsel;if(typeofwin.getSelection!="undef

javascript - angular js中可选择的表格模式弹出窗口

我正在尝试打开一个带有表格的模式弹出窗口。我怎样才能做到这一点?在我的app.js中,在行打开模式的单击事件中,我还想用所选项目值更新某些字段。但我无法使用选定的值进行更新。myapp.jsvartableApp=angular.module('tableApp',['ui.bootstrap']);tableApp.controller('tableController',function($scope,$rootScope,$filter,$modal){$scope.filteredPeople=[];$scope.currentPage=1;$scope.pageSize=10